<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无标题文档</title>
<link href="css/bootstrap-3.4.1.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body style="padding-top: 70px; padding-bottom: 70px;">
<div id="carousel1" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carousel1" data-slide-to="0" class="active"></li>
    <li data-target="#carousel1" data-slide-to="1"></li>
    <li data-target="#carousel1" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner" role="listbox">
    <div class="item active"><img src="images/Carousel_Placeholder.png" alt="First slide image" class="center-block">
      <div class="carousel-caption">
        <h3>First slide Heading</h3>
        <p>First slide Caption</p>
      </div>
    </div>
    <div class="item"><img src="images/Carousel_Placeholder.png" alt="Second slide image" class="center-block">
      <div class="carousel-caption">
        <h3>Second slide Heading</h3>
        <p>Second slide Caption</p>
      </div>
    </div>
    <div class="item"><img src="images/Carousel_Placeholder.png" alt="Third slide image" class="center-block">
      <div class="carousel-caption">
        <h3>Third slide Heading</h3>
        <p>Third slide Caption</p>
      </div>
    </div>
  </div>
<a class="left carousel-control" href="#carousel1" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel1" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
<hr>
<img src="images/ImgResponsive_Placeholder.png" class="img-responsive" alt="Placeholder image">
<hr>
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail"><img src="images/Thumbnail_Placeholder.png" alt="Thumbnail Image 1">
      <div class="caption">
        <h3>Thumbnail 1 label</h3>
        <p>Optional content and buttons for Thumbnail #1</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a><a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>
<hr>
<div class="media-object-default">
  <div class="media">
    <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
    <div class="media-body">
      <h4 class="media-heading">Media heading 1</h4>
      This is the content inside the media-body. By default the media is top-aligned. Use class "media-middle" or "media-bottom" to middle align or bottom align them, respectively. </div>
  </div>
  <div class="media">
    <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
    <div class="media-body">
      <h4 class="media-heading">Media heading 2</h4>
      This is the content inside the media-body. By default the media is top-aligned. Use class "media-middle" or "media-bottom" to middle align or bottom align them, respectively.
      <div class="media">
        <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
        <div class="media-body">
          <h4 class="media-heading">Nested media heading</h4>
          This is the content inside the nested media-body. By default the media is top-aligned. Use class "media-middle" or "media-bottom" to middle align or bottom align them, respectively. </div>
      </div>
    </div>
  </div>
  <div class="media">
    <div class="media-body">
      <h4 class="media-heading">Media heading 4</h4>
      This is the content inside the media-body. By default the media is top-aligned. Use class "media-middle" or "media-bottom" to middle align or bottom align them, respectively. </div>
    <div class="media-right"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
  </div>
  <div class="media">
    <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
    <div class="media-body">
      <h4 class="media-heading">Media heading 5</h4>
      This is the content inside the media-body. By default the media is top-aligned. Use class "media-middle" or "media-bottom" to middle align or bottom align them, respectively. </div>
    <div class="media-right"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
  </div>
</div>
<hr>
<ul class="media-list">
  <li class="media">
    <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
    <div class="media-body">
      <h4 class="media-heading">Media heading </h4>
      <p>This is the content inside the media-body of the Media List.</p>
      <!-- Nested media object -->
      <div class="media">
        <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
        <div class="media-body">
          <h4 class="media-heading">Nested media heading</h4>
          This is the content inside the nested media-body of the Media List.
          <!-- Nested media object -->
          <div class="media">
            <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
            <div class="media-body">
              <h4 class="media-heading">Nested media heading</h4>
              This is the content inside the nested media-body of the Media List. </div>
          </div>
        </div>
      </div>
      <!-- Nested media object -->
      <div class="media">
        <div class="media-left"><a href="#"><img class="media-object" src="images/MediaObj_Placeholder.png" alt="placeholder image"></a></div>
        <div class="media-body">
          <h4 class="media-heading">Nested media heading</h4>
          This is the content inside the nested media-body of the Media List. </div>
      </div>
    </div>
  </li>
</ul>
<hr>
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="http://tv.adobe.com/embed/1221/24197/"></iframe>
</div>
<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span><span class="glyphicon glyphicon-home" aria-hidden="true"></span><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><span class="glyphicon glyphicon-remove" aria-hidden="true"></span><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span><span class="label label-default">Default Label</span><span class="label label-primary">Primary Label</span><span class="label label-info">Info Label</span><span class="label label-success">Success Label</span><span class="label label-danger">Danger Label</span><span class="label label-warning">Warning Label</span>
<button type="button" class="btn btn-lg btn-default">Large Button</button>
<button type="button" class="btn btn-sm btn-default">Small Button</button>
<button type="button" class="btn btn-default">Default Button</button>
<button type="button" class="btn btn-primary">Primary Button</button>
<button type="button" class="btn btn-info">Info Button</button>
<button type="button" class="btn btn-success">Success Button</button>
<button type="button" class="btn btn-danger">Danger Button</button>
<button type="button" class="btn btn-warning">Warning Button</button>
<div class="btn-group" role="group">
  <button type="button" class="btn btn-default">Button 1</button>
  <button type="button" class="btn btn-default disabled">Disabled Button</button>
  <button type="button" class="btn btn-default active">Active Button</button>
</div>
<div class="btn-toolbar" role="toolbar">
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-default">B1</button>
    <button type="button" class="btn btn-default">B2</button>
  </div>
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-primary">primary</button>
    <button type="button" class="btn btn-info">info</button>
    <button type="button" class="btn btn-success">success</button>
    <button type="button" class="btn btn-warning">warning</button>
    <button type="button" class="btn btn-danger">danger</button>
  </div>
</div>
<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
  <button type="button" class="btn btn-default">Button 1</button>
  <button type="button" class="btn btn-default">Button 2</button>
  <div class="btn-group" role="group">
    <button id="btnDropOne1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown 1<span class="caret"></span></button>
    <ul class="dropdown-menu" aria-labelledby="btnDropOne1">
      <li><a href="#">Dropdown link 1</a></li>
      <li><a href="#">Dropdown link 2</a></li>
    </ul>
  </div>
</div>
<div class="btn-group" role="group">
  <button type="button" class="btn btn-default">Button 1</button>
  <button type="button" class="btn btn-default">Button 2</button>
  <div class="btn-group" role="group">
    <button id="btnDropdown1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></button>
    <ul class="dropdown-menu" aria-labelledby="btnDropdown1">
      <li><a href="#">Dropdown link 1</a></li>
      <li><a href="#">Dropdown link 2</a></li>
    </ul>
  </div>
</div>
<div class="btn-group btn-group-justified" role="group" aria-label="Justified button group with nested dropdown"><a href="#" class="btn btn-default" role="button">Button 1</a><a href="#" class="btn btn-default" role="button">Button 2</a>
  <div class="btn-group" role="group"><a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="#">Dropdown link 1</a></li>
      <li><a href="#">Dropdown link 2</a></li>
    </ul>
  </div>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Large button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Small button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Success button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Danger button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Warning button<span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Info button<span class="caret"></span></button>
  <div class="btn-group">
    <button type="button" class="btn btn-lg btn-default">Large Button</button>
    <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-sm btn-default">Small Button</button>
    <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-default">Default Button</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-primary">Primary Button</button>
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-info">Info Button</button>
    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-success">Success Button</button>
    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-danger">Danger Button</button>
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-warning">Warning Button</button>
    <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-lg btn-default">Large Button</button>
    <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-default btn-sm">Small Button</button>
    <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-default">Default Button</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-primary">Primary Button</button>
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-primary">Primary Button</button>
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-info">Info Button</button>
    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-success">Success Button</button>
    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-danger">Danger Button</button>
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <div class="btn-group dropup">
    <button type="button" class="btn btn-warning">Warning Button</button>
    <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
    <ul class="dropdown-menu">
      <li role="presentation" class="dropdown-header">Dropdown header 1</li>
      <li role="presentation"><a href="#">First Link</a></li>
      <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
      <li role="presentation" class="divider"></li>
      <li role="presentation"><a href="#">Separated Link</a></li>
    </ul>
  </div>
  <ul class="dropdown-menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a href="#">First Link</a></li>
    <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a href="#">Separated Link</a></li>
  </ul>
  <nav class="navbar navbar-default navbar-fixed-bottom">
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
          <a class="navbar-brand" href="#">Bootstrap3.4.1组件库</a></div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="topFixedNavbar1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
            <li><a href="#">Link</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Link</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>
  </nav>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        <a class="navbar-brand" href="#">Brand</a></div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="defaultNavbar1">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
          <li><a href="#">Link</a></li>
          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated link</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">One more separated link</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-form navbar-left" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
        </form>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Link</a></li>
          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated link</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>
  <nav class="navbar navbar-inverse"> </nav>
</div>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap-3.4.1.js"></script>
</body>
</html>
